

       
  <table class="table table-striped table-dark table-bordered">
      <thead class="thead-dark">
              <tr>
                <th scope="col">#</th>
                <th scope="col">标题</th>
                <th scope="col">描述</th>
                <th scope="col">图片</th>
                <th>操作</th>
              </tr>
            </thead>
            <tbody>
              <tr *ngFor="let c of cl" >
                <th scope="row">1</th>
                <td>{{c.title}}</td>
                <td>{{c.discription}}</td>
                <td>
                    <img src="{{c.pic}}" width="200" height="200"/>
                </td>
        
              
      <td>
        <button class="btn btn-outline-warning" (click)="editCarousel(c.carouselid)">修改</button>
        <button class="btn btn-outline-danger" (click)="deleteCarousel(c.carouselid)">删除</button>
      </td>
    </tr>
  </table>



<div class="card-foot ">
    <nav aria-label="Page navigation example">
        <ul class="pagination justify-content-end">
          <li class="page-item"><a class="page-link" href="#">上一页</a></li>
          <li class="page-item"><a class="page-link" href="#">1</a></li>
          <li class="page-item"><a class="page-link" href="#">2</a></li>
          <li class="page-item"><a class="page-link" href="#">3</a></li>
          <li class="page-item"><a class="page-link" href="#">下一页</a></li>
        </ul>
      </nav>
      </div>
      <button type="button" class="btn btn-outline-primary btn-lg btn-block" (click)="addCarousel()">添加</button>



